{% extends "map/new_base.html" %}
{% load truncate_filter %}

{% comment %}

  Section View page
  ------------------
  
  This page will display a list of markers of a particular type

{% endcomment %}

{% block javascript %}
  <link rel="stylesheer"  href="/assets/style/main_page.css" type="text/css" />
  
  <style type="text/css">
    
    .ui-rater-starsOff {
                          height: 18px;
                          width: 90px;
                          display: inline-block;
                          background: url(/assets/javascript/stars.png) repeat-x 0 0px;
                       }
                       
    .ui-rater-starsOn  {
                           height: 18px;
                           top: 0;
                           height: 18px;
                           width: 0px;
                           background: url(/assets/javascript/stars.png) repeat-x 0 -36px;
                       }
  </style>


{% endblock %}

{% block title %}
  Potton Online  |  {{title}}
{% endblock %}

{% block page_middle %}


<h2>Here's a list of the matching markers we have in Potton in the categories you selected.  To see more information about a particular entry click on it's name.</h2>
<h3>
<ul>
{% for each in typelist %}
<li> {{each}}
{% endfor %}
</ul>
</h3>
You can also view these results on the <a href="/map/{{mapurl}}">interactive map</a>.<br /><br />
<br />



{% for marker in markers %}


    <div class="{% cycle 'sec0' 'sec1' %}" style="position: relative;">
      <h2> <a href="/{{marker.slug}}">Name: {{marker.name}}</a> {% if marker.public_phone %}<br/>  Phone:  {{marker.public_phone}}<br/> {% endif %}</h2> <br /><br /> 
      <div style="text-align: justify; padding: 5px; padding-left: 8px;padding-bottom: 10px;">
      <img style="float: right; margin: 0 10px 10px 10px;" src="{{marker.staticmap_me_sat}}" alt="Sorry - no map">
        {% if marker.description %}  {% ifnotequal marker.description 'None' %} {{marker.description}} <br />  {% endifnotequal %} {% endif %}
        
        {% if marker.thumbnail %}  <a href="/{{marker.slug}}"> <img src="{{marker.thumbnail}}" alt="Sorry - no picture"> </a> {% endif %}
        <hr />
      </div> 

      {% ifnotequal marker.total_rates  None %}
      <div class="ui-rater-starsOff">
        <div class="ui-rater-starsOn" style="width: {{marker.rating_width}}px;">
        </div>
      </div>
      {% endifnotequal %}
            <hr />
      <br style="clear: both;" />
    </div>

   <hr />
  
{% endfor %}
<hr />
{% if previouspage %}
<a href="/section/all?page={{previouspage}}">... previous page ...</a>
{% endif%}

{% if nextpage %}
<a href="/section/all?page={{nextpage}}">... next page ...</a>
{% endif %}    
{% endblock %}

{% block page_left %}
  {% include 'map/default_pageleft.html' %}
{% endblock %}

{% block page_right %}
  {% include 'map/default_pageright.html' %}
{% endblock %}
